<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/9.23.css">
</head>
<body>
    <div class="head">
        <img src="./img/images/logo.png" alt="">
        <ul>
            <li style="color: yellow;">Home</li>
            <li>About</li>
            <li>Service</li>
            <li>Product</li>
            <li>Contacts</li>
        </ul>
    </div>
    <div class="photo">
        <img src="./img/images/slider-2.jpg">
        <div class="here">
            <h1>Here We<br> Are!</h1>
        </div>
        <div class="nr">Duis autem vel eum iriure dolor
         inhendrerit in<br> vulputate velit esse<br>molestie consequat.
        </div>
        <div class="photo2">
            <img src="./img/images/pagination.png">
        </div>
    </div>
    <!-- 内容 -->
    <div class="content">
         <!-- 内容上 -->
        <div class="top">
            <div class="page1">
                <img src="./img/images/page1-img1.png">
            </div>
            <div class="who">
                <h1>Who We Are</h1>
                <P>Start-Up is one of <span style="color: #f9bf7d;">free websife templates</span> created<br> byTemplateMonster.
                    com team. It's optimized <br>for128OX1024 screen resolution.</P>
            </div>
            <div class="page1">
                <img src="./img/images/page1-img2.png">
            </div>
            <div class="who">
                <h1>Starting Up</h1>
                <P>The PSD source files of this <span style="border: #f9bf7d;">Start-Up Template</span> <br>areavailable for 
                    free for the registered members <br>ofTemplateMonster.com.</P>
            </div>
        </div>
        <!-- 内容 中 -->
        <div class="center">
            <div>
            <span>Welcome to Our <span style="color: #f9bf7d;font-size: 35px;">Start-Up</span> Website!</span><br>
            <span>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse</span>
            </div>
        </div>
        <!-- 内容 下 -->
        <div class="bottom">
            <div><h2>Our Ider</h2></div>
            <div class="bot_nr">
                <img src="./img/images/page1-img3.jpg" alt="">
                <h4>Nam liber tempor</h4>
                <p>Uwisi eniminim veniam quis<br>
                    nostrud exerci tation<br>
                    ullamcorperex eacom.
                </p>
            </div>
            <div class="bot_nr">
                <img src="./img/images/page1-img4.jpg" alt="">
                <h4>Cum soluta nobis</h4>
                <p>Duis autem vel eum inure dolor<br>
                    henrerit vulputate velit esse<br>
                    molestie.
                </p>
            </div>
            <div class="bot_nr">
                <img src="./img/images/page1-img5.jpg" alt="">
                <h4>Eleifend optiongue</h4>
                <p>Feugiat nulla facilisis atvero<br>
                    eros et accumsan et iusto odio<br>
                    dignissim.
                </p>
            </div>
            <div class="bot_right">
                <h2>Latest Events</h2>
                <div>
                    <div class="month">
                        <img src="./img/images/date.png" alt="">
                        <h3>May,2021</h3>
                            <p>
                                <span style="color: #f9bf7d;">Lorem ipsum dolor sit amet consetetur</span>
                                Sadipscing elitriam nonumy eirmod nonumy eirmod
                                tempor invidunt labore.
                            </p>
                    </div>
                    <div class="month">
                        <img src="./img/images/date.png" alt="">
                        <h3>May,2021</h3>
                            <p>
                                <span style="color: #f9bf7d;">Dolore magna aliquyam erat dolor</span>
                                At vero eos et accusam et justo duo dolores et ea
                                rebum stet clita kasd gubergren.
                            </p>
                    </div>
                </div>
            </div>
        </div>
       <div class="but">
           <img src="./img/images/button.png" alt="">
           <h3>Read More </h3>
        </div> 
        <div class="but1">
            <img src="./img/images/button.png" alt="">
            <h3>Read More </h3>
         </div> 
    </div>
    <!-- 尾部 -->
    <div class="footer">
        <div>
        Professional free web templates <span style="color: blue;">at www. websitetemplatesonline. com.[ Flashtemplates .com.</span> Flash<br>
        Design - the Smart Choice.◎2012 Start-Up<br>
       <span style="color: #f9bf7d;"> Website Template</span> by TemplateMonster.com
        </div>
    </div>
    <div class="logo">
        <h3>Follov Us:</h3>
        <div>
        <img src="./img/images/icon-1.jpg" alt="">
        <img src="./img/images/icon-2.jpg" alt="">
        <img src="./img/images/icon-3.jpg" alt="">
        </div>
    </div>
</body>
</html>